/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*Fundamentals: Fonts, colours, default styles*/

@font-face 
{
	font-family: 'Gotham Narrow Book';
	src: url(../../Fonts/GothamNarrow-Book.otf);
}

@font-face 
{
	font-family: 'Gotham Narrow Light';
	src: url(../../Fonts/GothamNarrow-Light.otf);
}

@font-face 
{
	font-family: 'Gotham Narrow Light';
	src: url(../../Fonts/GothamNarrow-Medium.otf);
	font-weight: bold;
}

/*The medium font will be used whenever the font-weight is set to bold*/

@font-face 
{
	font-family: 'Arial Rounded MT Bold';
	src: url(../../Fonts/ufonts.com_arial-rounded-mt-light.ttf);
}

@font-face 
{
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local("Material Icons"), url(../../Fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../../Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons
{
	font-family: 'Material Icons';
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	vertical-align: -20%;
}

:root	/*These variables set the colours and fonts used in this design. May be changed in different OEM mediums.*/
{
	--primary-brand-colour: #c41444;
	--dark-blue-grey: #303e48;
	--dark-grey: #a0a9ad;
	--light-grey: #f0f3f4;
	--normal-text-colour: #000000;
	--contrasting-text-colour: #ffffff;
	--link-colour: #0185D1;
	--link-visited-colour: #8B008B;
	--paragraph-font: 'Gotham Narrow Light';
	--heading-font: 'Gotham Narrow Book';
	--code-font: 'Courier New';
	--command-font: Consolas;
}

body
{
	font-family: var(--paragraph-font), Arial;
	line-height: 1.2;
	font-size: 14pt;
	mc-hyphenate: never;
	color: var(--normal-text-colour);
}

/*Paragraph Styles*/

p
{
	margin: 8pt 0;
}

p.bodytextcentred
{
	text-align: center;
}

p.bodytextright
{
	text-align: right;
}

p.caption
{
	font-size: 0.9em;
	margin: 18pt 0 12pt 0;
	text-align: center;
}

p.note,
div.note,
p.listnote,
li.listnote
{
	background-color: var(--light-grey);
	padding: 4pt 4pt;
	margin: 6pt 4pt 6pt 0;
}

p.warning,
div.warning
{
	color: var(--contrasting-text-colour);
	background-color: var(--primary-brand-colour);
	padding: 6pt;
	margin: 8pt 0;
}

/*Special Styles and Spans*/

a
{
	color: var(--link-colour);
}

a:visited
{
	color: var(--link-visited-colour);
}

#pagination a:hover
{
	border-bottom: solid 1px var(--primary-brand-colour);
}

MadCap|xref
{
	mc-format: '{color black}(see {/color}{u}{title}{/u}{color black}){/color}';
	text-decoration: none;
	color: var(--link-colour);
}

MadCap|xref:visited
{
	color: var(--link-visited-colour);
}

MadCap|xref.moreinformation
{
	mc-format: '{color black}For more information, see {/color}{u}{title}{/u}{color black}.{color}';
}

MadCap|xref.titleonly
{
	mc-format: '{title}';
	text-decoration: underline;
}

MadCap|xref.headingonly	/*for linking to another heading in the same topic*/
{
	mc-format: '{paranum}{paratext}';
	text-decoration: underline;
}

MadCap|toggler
{
	color: inherit;
	mc-closed-image: url('../../../Graphics_GBL/Shared/Toggler Closed.png');
	mc-open-image: url('../../../Graphics_GBL/Shared/Toggler Open.png');
	mc-image-spacing: 0;
}

MadCap|toggler:visited
{
	color: inherit;
}

img.MCToggler_Image_Icon	/*controls distance between the toggler image and the text*/
{
	margin: 2px;
}

div.togglercontent
{
	margin-left: 20px;
}

div.notesundercontent
{
	border-top: 1px solid var(--light-grey);
	font-size: 0.8em;
	margin-top: 12pt;
	padding-top: 8pt;
}

pre
{
	font-family: var(--code-font);
	margin: 0 0 0 6mm;
}

MadCap|codeSnippet
{
	font-size: 0.9em;
	padding: 0.8em;
}

MadCap|codeSnippetBody
{
	font-family: var(--code-font);
	padding: 3pt 0 6pt 0;
}

MadCap|codeSnippetCopyButton
{
	color: var(--contrasting-text-colour);
	background-color: var(--dark-grey);
	opacity: 0.8;
	padding: 5px;
	padding-right: 5px;
	/*needed to overwrite the default padding*/
	border-radius: 5px;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
}

MadCap|codeSnippetCopyButton:hover
{
	opacity: 1;
	color: var(--contrasting-text-colour);
}

MadCap|codeSnippetCopyButton:active
{
	background-color: var(--primary-brand-colour);
}

p.menucode
{
	font-size: 1.1em;
	font-family: var(--code-font);
	margin: 6pt 0 6pt 6mm;
	border: solid 2px var(--light-grey);
	padding: 0.25cm;
	width: 6cm;
}

span.command
{
	font-family: var(--command-font);
	font-size: 15pt;
}

span.emphasis
{
	color: var(--primary-brand-colour);
}

span.specialbold
{
	font-weight: bold;
}

span.editorialcomments,
p.reviewnotes	/*Use for unpublished notes in AuthorIT*/
{
	display: none;
	mc-conditions: "ContentState.Draft";
	background-color: palegoldenrod;
}

.teachernote
{
	display: none;
	mc-conditions: "ContentState.Teacher Only";
}

/*List Styles*/

li
{
	margin: 8pt 0;
	mc-hyphenate: never;
}

ol > li::marker
{
	color: var(--primary-brand-colour);
}

ol > li
{
	padding-left: 4pt;
}

ul,
ol
{
	margin: 8pt 0;
	padding-left: 14pt;
}

ul > ul,
ul > li > ul,
ol > ul,
ol > li > ul	/*Second Level lists*/
{
	list-style-type: circle;
	margin: 6pt 0;
}

ul > ul > li,
ul > li > ul > li,
ol > ul > li,
ol > li > ul > li
{
	margin: 6pt 0;
}

ul > ul > ul,
ul > ul > li > ul,
ul > li > ul > ul,
ul > li > ul > li > ul,
ol > ul > ul,
ol > ul > li > ul,
ol > li > ul > ul,
ol > li > ul > li > ul	/*Third Level lists*/
{
	list-style-type: square;
}

ul > ul > ul > li,
ul > ul > li > ul > li,
ul > li > ul > ul > li,
ul > li > ul > li > ul > li,
ol > ul > ul > li,
ol > ul > li > ul > li,
ol > li > ul > ul > li,
ol > li > ul > li > ul > li
{
	margin: 6pt 0;
}

ul > p,
ol > p,
li > p
{
	margin: 4pt 0;
}

ul > p.note,
ol > p.note,
li > p.note,
ul > div.note,
ol > div.note,
li > div.note
{
	margin: 3pt 4pt 3pt 0;
}

li.listcontinue,
li.listnote
{
	margin: 4pt 0;
	list-style-type: none;
}

ul.trainingquestion
{
	list-style-type: none;
}

label.checkboxitem input
{
	margin-right: 6pt;
}

/*Table Styles*/

table,
th,
td
{
	border-collapse: collapse;
	text-align: left;
}

table.data,
th.data,
td.data
{
	border: solid 0.25pt var(--dark-grey);
	column-width: auto;
}

table.data
{
	
}

th.data
{
	background-color: var(--dark-grey);
	padding: 4pt 6pt;
}

th.data > p
{
	color: var(--contrasting-text-colour);
	font-weight: normal;
	text-align: left;
	margin: 4pt 0;
}

td.data
{
	background-color: transparent;
	padding: 4pt 8pt;
}

td.data > p
{
	margin: 4pt 0;
}

table.layout,
td.layout
{
	width: 100%;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	column-width: auto;
}

p.tablebodycentred
{
	text-align: center;
}

p.tableicon
{
	margin: 3pt 0;
	padding: 0;
	text-align: center;
}

img.tableicon
{
	margin: 0;
	padding: 0;
	height: 35px;
	width: 35px;
}

p.beforetable,
p.aftertable	/*Used in AuthorIT for formatting*/
{
	display: none;
}

/*Heading Styles*/

h1
{
	font-family: var(--heading-font);
	font-size: 2em;
	color: var(--primary-brand-colour);
	margin: 0 0 6pt 0;
	font-weight: normal;
}

h2
{
	font-family: var(--heading-font);
	font-size: 1.4em;
	color: var(--primary-brand-colour);
	font-weight: normal;
	margin: 12pt 0 6pt 0;
	padding-top: 8pt;
	border-top: 1px solid var(--light-grey);
}

h3
{
	font-family: var(--heading-font);
	font-size: 1.2em;
	color: var(--dark-blue-grey);
	font-weight: normal;
	margin: 18pt 0 6pt 0;
}

h4
{
	font-family: var(--heading-font);
	font-size: 1.1em;
	color: var(--dark-blue-grey);
	font-weight: normal;
	margin: 12pt 0 6pt 0;
}

h5,
h6
{
	font-family: var(--heading-font);
	font-size: 1.1em;
	font-weight: normal;
	margin: 12pt 0 6pt 0;
}

p.subheading
{
	font-size: 1.1em;
	font-family: var(--heading-font);
	margin: 12pt 0 8pt 0;
}

p.procedureheading
{
	font-size: 1.1em;
	font-family: var(--heading-font);
	margin: 12pt 0 8pt 0;
}

p.minorheading
{
	font-weight: bold;
	margin: 12pt 0 8pt 0;
}

/*Image Styles*/

img
{
	margin: 8pt;
	padding: 0;
}

img.floatleft
{
	float: left;
}

img.floatright
{
	float: right;
}

p.largeimage
{
	text-align: center;
}

p.largeimage > img
{
	max-width: 95%;
}

/*UI Element Styles: Heading bar, navigation, search, toolbar, breadcrumbs, search page etc.*/

.title-bar-container
{
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	/*adds the shadow effect to the header*/
}

input.search-field:focus
{
	outline: var(--primary-brand-colour) 2px solid;
}

.search-filter-content
{
	border: solid 1px var(--dark-grey);
	border-radius: 0 0 0 0;
}

.search-filter-content ul li
{
	color: var(--dark-blue-grey);
	border-bottom: solid 1px var(--light-grey);
}

.search-filter-content ul li:hover
{
	color: var(--primary-brand-colour);
}

.search-filter-content ul li:last-child
{
	border-bottom: none 1px var(--light-grey);
}

MadCap|breadcrumbsProxy
{
	border-bottom-style: none;
	font-size: 0.9em;
}

span.MCBreadcrumbsPrefix
{
	font-weight: bold;
}

a.MCBreadcrumbsLink
{
	color: var(--normal-text-colour);
	text-decoration: none;
}

a.MCBreadcrumbsLink:hover
{
	border-bottom: solid 1px var(--primary-brand-colour);
}

span.MCBreadcrumbsSelf
{
	
}

span.SearchHighlight
{
	border-bottom: solid 2px var(--primary-brand-colour);
}

#resultList
{
	border-top: solid 1px #d3d3d3;
}

#resultList h3.title
{
	font-size: 16pt;
	color: default;
	border-bottom: none;
}

#resultList > li
{
	padding-bottom: 16px;
	border-bottom: solid 1px #d3d3d3;
}

div.search-tips
{
	font-size: 0.9em;
	margin: 0px 9px;
}

div.search-tips p.subheading
{
	color: var(--primary-brand-colour);
}

div.micro-content-container h1
{
	font-size: 1.25em;
}

div.micro-response-title
{
	padding-top: 6pt;
	border-top: solid 1px var(--light-grey);
}

.featured-snippets-container .micro-response-title a
{
	color: #0185D1;
	text-decoration: none;
}

.featured-snippets-container .micro-response-title a:before
{
	content: "For more information, see ";
	color: var(--normal-text-colour);
}

.featured-snippets-container .micro-response-title a:after
{
	content: ".";
	color: var(--normal-text-colour);
}

div.section-header-minitoc-container
{
	border-top: solid 1px var(--light-grey);
	margin-top: 12pt;
}

p.section-header-minitoc-caption
{
	font-size: 1.1em;
	font-family: var(--heading-font);
}

MadCap|miniTocProxy.section-header-minitoc
{
	border-top: none;
	margin-top: 0;
	padding: 0 10px;
	column-count: 2;
	max-width: 800px;
}

p.MiniTOC1,
p.MiniTOC2,
p.MiniTOC3
{
	font-weight: normal;
	color: auto;
	margin-top: 0;
}

a.backtotoplink
{
	display: block;
	position: fixed;
	right: 20px;
	bottom: 20px;
	color: var(--contrasting-text-colour);
	background-color: var(--dark-grey);
	opacity: 0.8;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}

a.backtotoplink:hover
{
	opacity: 1;
}

/*Homepage styles*/

div.homepagetilerow
{
	
}

div.homepagetilerow > div
{
	padding: 0px 6pt 6pt 6pt;
	margin: 6pt;
	border: 2px solid var(--dark-blue-grey);
	border-radius: 5px;
}

/*Responsive Layout and layout instructions for media queries (Tablet, Mobile)*/

div.toolbarcontainer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

div.toolbarcontainer::before
{
	content: ' ';
	display: table;
}

div.toolbarcontainer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.toolbarcontainer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.toolbarcontainer > div:nth-child(1)
{
	width: 75%;
	margin-left: 0%;
}

div.toolbarcontainer > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.homepagetilerow
{
	display: flex;
	width: 80%;
}

div.homepagetilerow::before
{
	content: ' ';
	display: table;
}

div.homepagetilerow::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.homepagetilerow > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.homepagetilerow > div:nth-child(1)
{
	width: 45%;
	margin-left: 0%;
}

div.homepagetilerow > div:nth-child(2)
{
	width: 45%;
	margin-left: 0%;
}

p.subheading
{
	font-weight: bold;
}

p.warning,
div.warning
{
	background-color: red;
}

:root
{
	--primary-brand-colour: #009530;
	--paragraph-font: Arial;
	--heading-font: 'Arial Rounded MT Bold', Arial;
}

@media only screen and (max-width: 1279px)
{
	div.toolbarcontainer > div:nth-child(1)
	{
		width: 72.5%;
		margin-left: 0%;
	}

	div.toolbarcontainer > div:nth-child(2)
	{
		width: 27.5%;
		margin-left: 0%;
	}

	div.homepagetilerow
	{
		width: 100%;
	}

	div.homepagetilerow > div:nth-child(1)
	{
		width: 45%;
		margin-left: 0%;
	}

	div.homepagetilerow > div:nth-child(2)
	{
		width: 45%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	.off-canvas-wrapper-inner .outer-row
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	div.toolbarcontainer > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.toolbarcontainer > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.MCBreadcrumbsBox_0
	{
		min-height: 2.5em;
		padding-bottom: 0;
	}

	div.togglercontent
	{
		margin-left: 10px;
	}

	div.section-header-minitoc
	{
		column-count: 1;
	}

	div.homepagetilerow
	{
		flex-direction: column;
		width: 100%;
	}

	div.homepagetilerow > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.homepagetilerow > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

/*OEM Mediums*/
/*S2 Medium*/

@media S2
{
	:root
	{
		--primary-brand-colour: #009530;
		--paragraph-font: Arial;
		--heading-font: 'Arial Rounded MT Bold', Arial;
	}

	p.warning,
	div.warning
	{
		background-color: red;
	}

	p.subheading
	{
		font-weight: bold;
	}
}

/*G3 Medium*/

@media G3
{
	:root
	{
		--primary-brand-colour: #005197;
		--paragraph-font: Arial;
		--heading-font: Arial;
	}

	p.warning,
	div.warning
	{
		background-color: red;
	}

	p.subheading
	{
		font-weight: bold;
	}
}

/*C4 Medium*/

@media C4
{
	:root
	{
		--primary-brand-colour: #0067AA;
		--paragraph-font: Arial;
		--heading-font: Arial;
	}

	p.warning,
	div.warning
	{
		background-color: red;
	}

	p.subheading
	{
		font-weight: bold;
	}
}